


.map {
    // 圆形覆盖物 
    .contest-box {
        position: absolute;
        left: 0;
        top: 16px;
        bottom: 0;
        right: 0;
        .text-bxo {
            font-size: 10px;
            color: whitesmoke;
            font-size: 13px;
            line-height: 17px;
        }
       
    }
    // 方块覆盖物 
    .houses-box {
        margin: 0 10px;
        color: white;
        line-height: 0.22rem;
        // width: 1rem;
    }
    

}

.house-box {
    .header-box {
        display: flex;
        justify-content: space-between;
        line-height: 0.5rem;

        h2 {
            font-weight: bold;
        }
        >p {
            color: black;
            font-size: 0.14rem;
        }
    }
    .house-info-box {

        .house-info-item {
            list-style: none;
            box-sizing: border-box;
            padding: 10px;
            display: flex;
            li {
                img {
                    width: 100px;
                    height: 100px;
                    margin: 0 10px;
                }
            }
            li:last-child {
                h3 {
                    line-height: .3rem;
                    text-overflow:ellipsis;
                    overflow:hidden;
                    width: 2rem;
                    white-space:nowrap;
                }
                p {
                    line-height: .2rem;
                    font-size: .14;
                }
                div {
                    line-height: 0.2rem;
                    text-overflow:ellipsis;
                    overflow:hidden;
                    width: 2rem;
                    white-space:nowrap;
                }
                h4 {
                    color: crimson;
                    line-height: 0.3rem;
                    font-weight: bolder;
                    font-size: 0.15rem;
                }
            }
        }
    
    }
}

